<template>
  <div>
      <el-table :data="infoData" border >
              <el-table-column label="产品名称" align="center" prop="time">
                   <template slot-scope="scope">
                         {{scope.row.productName}}
                    </template> 
              </el-table-column>

              <el-table-column label="年产量" align="center" prop="case" >
               <template slot-scope="scope">
                        {{scope.row.annualProduceNum}}
                    </template> 
              </el-table-column>
              <el-table-column label="计量单位" align="center" prop="case">
               <template slot-scope="scope">
                         {{scope.row.uom}}
                    </template> 
              </el-table-column>
      </el-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    },
     props:{
      infoData:{
          type:Array,
          default:()=>[]
        },     
     },
    created() {

    },
    methods: {

    }
  };
</script>
<style lang="scss" scoped>
         .display-fx-center{
             display: flex;
             align-items: center;
         }
           ::v-deep{
            .el-table__header-wrapper th{
                 background: #F4F8FF!important;    
           }
          //  鼠标移入表格行不变色
          .el-table .el-table__row:hover td {
            background-color: transparent !important;
          }
          .el-table--border{
                 border-top:none!important;
          }
        }

</style>
